@charset "UTF-8";
/*
 * 公共样式
 */
body { font-family: "\5FAE\8F6F\96C5\9ED1"; }
a,a:hover { color: #BD2C30;}
.c_666 { color: #666;}
.c_999 { color: #999;}
.c_ddd { color: #ddd;}
.c_bd2c30 { color: #bd2c30;}
.graylink, .graylink:hover { color: #666;}
.lh35 { line-height: 35px;}

.search-box, .icon-hg, .icon-jy, .icon-gs, .icon-wh, .icon-bj, .icon-ds, .icon-advice, .icon-user {
    background: url(../../../../images/psp-web/wlmq/common/icon.png) no-repeat 0 0;
}

/*
 * 覆盖基础样式
 */
/* 文本框聚焦样式 */
.ui-input:focus, .ui-textarea:focus, .ui-input-focus {
    box-shadow: 0 0 3px #D44346;
}
.ui-list-item a {
    color: #BD2C30;
    line-height: 21px;
}
/* 列表 */
.ui-list {
    font-size: 12px;
    line-height: 21px;
    padding: 10px 0 0;
    color: #888;
}
.ui-list-item a, .ui-list-item span.ui-list-item-text {
    font-size: 12px;
}
.ui-list-item {
    font-size: 12px;
    line-height: 21px;
}
.ui-list-width .ui-list-item {
    float: left;
    width: 190px;
    zoom:1
}
.ui-list-width:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0
}

/* 分页 */
.ui-paging a.ui-paging-current, .ui-paging a.ui-paging-item:hover {
    color: #fff;
    background: #BD2C30;
}
/* 按钮 */
.ui-button-lorange, .ui-button-morange, .ui-button-sorange {
    color: #fff;
    border: 1px solid #BD2D30;
    background-color: #D44346;
}
.ui-button-lorange:hover, .ui-button-morange:hover, .ui-button-sorange:hover {
    background-color: #BD2D30;
}


/*
 * top-nav 顶部导航
 */
.top-nav {
    height: 35px;
    line-height: 35px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    position: relative;
    color: #ccc;
    min-width: 1000px;
}
.top-menu-area {
    position: relative;
    color: #666;
    /* float: left; */
    display: inline-block;
    vertical-align: middle;
}
.top-menu-area strong {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 23px 0 13px;
    position: relative;
    color: #666;
}
.hover strong {
    padding: 0 22px 0 12px;
    color: #666;
    box-shadow: 0 -1px 1px #ddd;
    background: #fff;
    border: 1px solid #ddd;
    height: 34px;
    line-height: 34px;
    border-bottom: 0;
    z-index: 100;
}
.top-menu-nav {
    position: absolute;
    top: 30px;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

    line-height: 30px;
}
.top-menu-nav a, .top-menu-nav a:hover {
    color: #666;
}
.top-menu-nav li {
    border-top: 1px solid #eee;
    margin-top: -1px;
    white-space: nowrap;
    padding: 0 20px;
}
.hover .top-menu-nav {
    opacity: 1;
    visibility: visible;
    text-align: center;
    top: 34px;
}
/*
 * 小三角
 */
.g-arrow {
    position: absolute;
    top: 16px;
    right: 6px;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    border-style: solid dashed dashed;
    border-color: #ccc transparent transparent transparent;
    border-width: 5px 5px 0;
    -moz-transition: -moz-transform .2s ease-in;
    -webkit-transition: -webkit-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in;
}
.hover .g-arrow {
    border-top-color: #ccc;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    top: 15px\9;
}

/*
 * 头部区域
 */
.s-head { }
.s-nav { 
    min-width: 1000px;
    background-color: #D44346;
    border-bottom: 4px solid #BD2D30;
}
.logo {
    width: 330px;
    color: #666;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}
.logo-tit {
    margin-top: 3px;
    font-size: 20px;
    font-weight: 700;
}
.logo-pic {
    display: inline;
    float: left;
    margin-right: 10px;
}
.logo .logo-desc {
    font-size: 14px;
    margin-top: 4px;
    color: #777;
}
.logo a {
    color: #666;
    text-decoration: none;
}
.logo a:hover {
    color: #333;
    text-decoration: none;
}
.search-box {
    position: absolute;
    top: 10px;
    right: 0;
    width: 224px;
    height: 27px;
    background-position: 0 -145px;
}
.search-txt {
    position: absolute;
    top: 1px;
    left: 11px;
    width: 145px;
    height: 21px;
    padding: 2px 5px;
    border:0 none;
    background-color: #eee;
    color: #777;
    outline: none;
}
.search-btn {
    position: absolute;
    top: 0;
    right: 4px;
    width: 44px;
    height: 27px;
    cursor: pointer;
    text-indent: -999em;
    overflow: hidden;
}
/*
 * nav 导航
 */
.header-area {
    height: 90px;
    min-width: 1000px;
}
.nav-area {
    position: relative;
    min-width: 1000px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    zoom: 1;
    margin: 0;
    height: 48px;
    background-color: #fff;
}
.nav-main {
    padding-right: 230px;
    text-align: center;
}
.nav-main li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    margin-top: -1px;
    color: #666;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding-right: 15px;
    background: url(../../../../images/psp-web/wlmq/common/point.png) no-repeat right center;
}
.nav-main li.last-item {
    background: none;
}
.nav-main li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 20px;
    padding: 14px 4px;
    line-height: 20px;
    color: #777;
    border-top: 1px solid #eee;
}
.nav-main li a:hover {
    border-top: 1px solid #e80000;
    color: #777;
    text-decoration: none;
}
.nav-main li.active a, .nav-main li.active a:hover {
    border-top: 1px solid #e80000;
    color: #e80000;
    text-decoration: none;
}


/*
 * banner 广告区域
 */
 .banner {
    min-width: 1000px;
    height: 370px;
    background: url(../../../../images/psp-web/wlmq/common/banner1.jpg) no-repeat center top;
 }

 /*
  * thumb 图片新闻区域
  */
.thumb-items{
    margin-left: -15px;
    width: 630px;
    height: 120px;
    overflow: hidden;
    margin-top: 15px;
}
.thumb-items .thumb-img{
    display: inline;
    float: left;
    width: 180px;
    margin-left: 15px;
	cursor: pointer;
    height:120px;
    overflow:hidden;
    position:relative;
}
.thumb-items .desc{
    height:100px;
    width:160px;
    padding:10px;
    position:absolute;
    top:-120px;
    left:0;
    color:#fff;
    background:#000;
    opacity:0.7;filter:alpha(opacity=70);
}

/*
 * hot-server 热门服务/平台服务
 */
.hot-server {
    min-width: 1000px;
    height: 130px;
    padding: 40px 0;
    background: #ebebeb;
    text-align: center;
    color: #8798AA;
    font-size: 16px;
}
.hot-server-tit {
    background-color: #8798AA;
    color: #fff;
    height: 110px;
    padding: 10px 0;
    line-height: 27px;
    border-top-right-radius: 32px;
    border-bottom-left-radius: 32px;
}
.hsl-1, .hsl-2, .hsl-3, .hsl-4, .hsl-5, .hsl-6, .psl-1, .psl-2, .psl-3, .psl-4, .psl-5, .psl-6 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100px;
    height: 100px;
}
.hsl-1 { background: url(../../../../images/psp-web/wlmq/common/zwzx1.png) no-repeat 0 0;}
.hsl-2 { background: url(../../../../images/psp-web/wlmq/common/zhcx1.png) no-repeat 0 0;}
.hsl-3 { background: url(../../../../images/psp-web/wlmq/common/znjg1.png) no-repeat 0 0;}
.hsl-4 { background: url(../../../../images/psp-web/wlmq/common/tggj1.png) no-repeat 0 0;}
.hsl-5 { background: url(../../../../images/psp-web/wlmq/common/tssb1.png) no-repeat 0 0;}
.hsl-6 { background: url(../../../../images/psp-web/wlmq/common/yhzn1.png) no-repeat 0 0;}

.psl-1 { background: url(../../../../images/psp-web/wlmq/common/hg1.png) no-repeat 0 0;}
.psl-2 { background: url(../../../../images/psp-web/wlmq/common/jy1.png) no-repeat 0 0;}
.psl-3 { background: url(../../../../images/psp-web/wlmq/common/gs1.png) no-repeat 0 0;}
.psl-4 { background: url(../../../../images/psp-web/wlmq/common/wh1.png) no-repeat 0 0;}
.psl-5 { background: url(../../../../images/psp-web/wlmq/common/bj1.png) no-repeat 0 0;}
.psl-6 { background: url(../../../../images/psp-web/wlmq/common/ds1.png) no-repeat 0 0;}

/*
 * friend-links 优选单位
 */
 .friend-links li {
    display: inline;
    float: left;
    margin-right: 20px;
 }

/*
 * partner-tb 共建单位
 */
.partner-tb {
    color: #666;
    font-size: 12px;
    line-height: 20px;
}
.partner-tb th {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    padding-right: 10px;
}
.partner-tb td {
    vertical-align: top;
}

 /*
 * footer-area 底部区域
 */
.footer-area {
    padding: 20px 0;
    background-color: #e8e8e8;
    color: #888;
    font-size: 12px;
}
.sm-foot {
    background: #e8e8e8;
    line-height: 20px;
    padding: 15px 0;
    font-size: 12px;
    color: #888;
    min-width: 1000px;
   /*  border-top: 1px solid #ddd; */
}
.footer-area a, .footer-area a:hover {
    color: #666;
}
.sm-foot a, .sm-foot a:hover {
    color: #666;
}


/*
 * focus-area 焦点图
 */
#focus-area {
    width: 468px;
    height: 275px;
    position: relative
}

#focus-area #myloading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center
}

#focus-area #myloading img {
    margin-top: 50%
}

#focus-area .pics {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

#focus-area .pics ul {
    height: 100%;
    position: absolute
}

#focus-area .pics ul li {
    width: 468px;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden
}

#focus-area .pics ul li div,#focus-area .pics ul li div span,#focus-area .pics ul li div a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px
}

#focus-area .pics ul li div span {
    filter: alpha(opacity=50);
    opacity: .5;
    background: #000
}

#focus-area .pics ul li div a {
    line-height: 25px;
    overflow: hidden;
    padding-left: 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ddd
}

#focus-area .pics ul li div a:hover {
    text-decoration: underline;
    color: #ddd
}

#focus-area .mybtn {
    position: absolute;
    bottom: 7px;
    right: 4px
}

#focus-area .mybtn ul li {
    float: left;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    color: #fff;
    margin-left: 3px;
    overflow: hidden;
    background: #aaa;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    border-radius: 50%;
    text-indent: -999em
}

#focus-area .mybtn ul li.current {
    background: #c57814;
    color: #fff
}

#focus-area #picTxt {
    line-height: 24px;
    padding: 0 10px
}

/*
 * tabs 切换卡
 */
.ui-switchable-panel {
    display: none;
}
.ui-switchable-pane-current {
    display: block;
}

.ui-tab-items {
    border-bottom: 1px solid #46586A;
}
.ui-tab-item a {
    background: #46586A;
    border-color: #46586A;
}
.ui-tab-item a, .ui-tab-item a:hover, .ui-tab-item a:active {
    color: #fff;
}
.ui-tab-item-current a {
    background-color: #D44346;
    border-color: #D44346;
    font-weight: normal;
}
.ui-tab-item a:hover {
    background: #46586A;
}
.ui-tab-item-current a:hover {
    background: #D44346;
}


/*
 * modern-menu 分类导航菜单
 */
.modern-box {
    height: 275px;
}
.modern-menu {
   height: 275px;
   background-color: #8798AA;
}
.modern-menu a {
    display: block;
    height: 39px;
    line-height: 39px;
    color: #fff;
    padding-left: 20px;
}
.modern-menu a:hover, .modern-menu li.active a {
    background-color: #D44346;
    color: #fff;
    text-decoration: none;
}
.modern-scroll-left {
    position: fixed;
    width: 190px;
    top: 10px;
    left: 50%;
    margin-left: -500px;
    z-index: 500;
}
.modern-scroll-right {
    position: fixed;
    width: 270px;
    top: 10px;
    right: 50%;
    margin-right: -490px;
    z-index: 500;
}

/*
 * list 列表页
 */
.vt-border {
    border-top: 2px solid #46586A;
}
.page-box {
    background-color: #fff;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.page-hd {
    padding: 15px 0 10px;
    height: 40px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f5f5f5;
}
.page-tit{
    margin: 4px 0 0 15px;
    font-weight: normal;
    font-size: 20px;
    color: #D44346;
}
.page-bd {
    line-height: 1.8;
    font-size: 14px;
}
.page-list li {
    display: block;
    padding: 15px;
    zoom: 1;
    border-bottom: 1px solid #eee;
}
.page-list li:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.page-list li:hover {
    position: relative;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #D44346;
    margin-left: -1px;
}
.pl-pic {
    width: 160px;
    height: 120px;
    margin-right: 20px;
}
.pl-con {
    font-size: 12px;
    color: #777;
}
.pl-con-tit {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.pl-con-tit span { font-size: 12px;}
.pl-con p {
    text-indent: 2em;
}

.page-ft {
    padding: 20px;
    text-align: right;
}

/*
 * breadcrumb 路径导航
 */
.breadcrumb {
    list-style: none;
    height: 24px;
    line-height: 24px;
    color: #777;
    padding-bottom: 6px;
}
.breadcrumb li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.breadcrumb li i {
    padding: 0 3px;
    font-style: normal;
    color: #bbb;
}
.breadcrumb a, .breadcrumb a:hover {
    color: #777;
}
.breadcrumb .active {
    color: #666;
}
.breadcrumb-tit {
    padding-left: 20px;
    background: url(../../../../images/psp-web/wlmq/common/location.gif) no-repeat 0 4px;
}

/*
 * post 内容页
 */
.post-box {
    padding: 10px 20px;
    background-color: #fff;
    color: #666;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.post-hd {
    padding: 15px 0 10px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
}
.post-tit{
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    padding-bottom: 10px;
    text-align: center;
}
.post-meta {
    padding: 0 15px;
    color: #999;
    font-size: 12px;
}
.post-bd {
    padding: 15px 0;
    line-height: 1.8;
    font-size: 14px;
}
.post-bd p {
    margin: 10px 0;
    text-indent: 2em;
}
.post-ft {
    border-top: 1px solid #e0e0e0;
    padding: 20px;
    text-align: right;
}

/*
 * query-dl 咨询查询
 */
.query-dl { }
.query-dl dt {
    font-size: 20px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    padding-left: 10px;
    border-left: 4px solid #D44346;
    margin-bottom: 10px;
    margin-top: 20px;
}
.query-dl dd {
    padding: 10px 0;
}
.ui-input-all {
    width: 97%;
}

/*
 * 登陆
 */
.login-box {
    width: 340px;
}
.login-txt {
    width: 550px;
    height: 330px;
    border-left: 1px solid #ddd;
    padding-left: 55px;
    font-size: 12px;
}
.login-txt-item {
    border-top:1px solid #ddd;
    padding-top: 35px;
    margin-top: 35px;
}
.form-login {
    width: 530px;
    margin: 0 auto;
    padding: 20px;
}
.ui-form-label {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
}
.icon-user {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 52px;
    height: 51px;
    background: url(../../../../images/psp-web/wlmq/common/log-pic.png) no-repeat 0 0;
}

/*
 * 步骤
 */
.steps {
    height: 46px;
    border-bottom: 2px solid #e6e6e6;
    position: relative;
}
.steps ol {
    width: 720px;
    margin: 0 auto;
}
.steps ol li {
    display: inline;
    float: left;
    width: 150px;
    padding-left: 70px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 700;
    color: #999;
}
.steps ol li i {
    display: inline-block;
    zoom: 1;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    font-style: normal;
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    background-color: #46586A;
    border-radius: 24px;
}
.steps ol li.active i {
    background-color: #D44346;
    border-radius: 24px;
}
.steps ol li.active {
    color: #3e3e3e;
    border-bottom: 2px solid #D44346;
}


/*
 * css3 animate
 */
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.hot-server a:hover {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-name: tada;
    animation-name: tada;
}

/*
 * about 关于我们
 */
.about-item {
    color: #46586A;
    font-size: 16px;
    padding: 40px 0;
}
.about-item h2 {
    font-size: 30px;
    color: #D44346;
    margin-bottom: 20px;
}
.about-item-odd {
    background-color: #f5f5f5;
}

/*
 * 注册首页
 */
.regs-menu {
    background-color: #8798AA;
    text-align: center;
    font-size: 14px;
}
.regs-menu .regs-item {
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #fff;
}
.regs-menu span.regs-item {
    background-color: #D44346;
}
.regs-menu a:hover {
    background-color: #46586A;
    text-decoration: none;
}

/*
 * QA咨询
 */
.qa-item { margin-bottom: 10px;}
.qa-img-admin {
    width: 138px;
    height: 90px;
    background: url(../../../../images/psp-web/wlmq/common/qa-admin.jpg) no-repeat right center;
}
.qa-img-user {
    width: 138px;
    height: 90px;
    background: url(../../../../images/psp-web/wlmq/common/qa-user.jpg) no-repeat left center;
}
.qa-txt {
    width: 508px;
    border: 1px solid #efefef;
    padding: 10px;
}


/*
 * board-server 平台服务
 */
.board-box {
    border: 1px solid #ddd;
}
.board-hd {
    position: relative;
    float: left;
    width: 16px;
    padding: 0 8px;
    height: 118px;
    border-right: 1px solid #ddd;
    background-color: #f2f2f2;
    color: #888;
    text-align: center;
}
.board-hd span {
    position: absolute;
    top: 50%;
    height: 90px;
    margin-top: -45px;
    left: 50%;
    width: 16px;
    margin-left: -8px;
    line-height: 24px;
}
.board-bd {
    float: left;
    width: 535px;
    background-color: #fff;
}
.board-bd a {
    display: inline;
    float: left;
    width: 89px;
    height: 98px;
    text-align: center;
    color: #0051b3;
    padding-top: 20px;
    font-size: 12px;
}
.board-bd a:hover {
    background-color: #f2f2f2;
    color: #0051b3;
    text-decoration: none;
}
.board-bd-txt {
    float: left;
    width: 335px;
    background-color: #fff;
}
.board-bd-txt a {
    display: inline;
    float: left;
    width: 111px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    color: #0051b3;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-left: -1px;
    margin-top: -1px;
    font-size: 12px;
}
.board-bd-txt a:hover {
    background-color: #f2f2f2;
    color: #0051b3;
    text-decoration: none;
}
/*
 * hot-server 热门服务
 */
.hot-server {
    float: left;
    width: 264px;
    height: 195px;
    padding-top: 1px;
}
.hot-server a {
    position: relative;
    z-index: 1;
    display: inline;
    float: left;
    width: 87px;
    height: 97px;
    line-height: 97px;
    text-align: center;
    border: 1px solid #ddd;
    margin-left: -1px;
    margin-top: -1px;
}
.hot-server a:hover {
    border:1px solid #4189db;
    text-decoration: none;
    z-index: 10;
}
.icon-hg, .icon-jy, .icon-gs, .icon-wh, .icon-bj, .icon-ds {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 66px;
    height: 66px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.icon-hg { background-position: 0 0;}
.icon-jy { background-position: -70px 0;}
.icon-gs { background-position: -140px 0;}
.icon-wh { background-position: 0 -70px;}
.icon-bj { background-position: -70px -70px;}
.icon-ds { background-position: -140px -70px;}

.icon-hg:hover, .icon-jy:hover, .icon-gs:hover, .icon-wh:hover, .icon-bj:hover, .icon-ds:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.icon-advice {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 64px;
    height: 56px;
    background-position: -210px 0;
}
.icon-user {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 56px;
    height: 56px;
    background-position: -208px -67px;
}

.advice-area {
    position: relative;
    width: 120px;
    height: 150px;
    padding: 10px 10px 0;
    background-color: #68b1e4;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.advice-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #cb4c4c;
    color: #fff;
    font-size: 12px;
}
.advice-btn:hover {
    color: #fff;
    background-color: #0283b4;
    text-decoration: none;
}
.bdc { border:1px solid #ccc;}
.bg-f5 { background-color: #f5f5f5;}

.ui-list-370 .ui-list-item {
    float: left;
    width: 480px;
    zoom:1;
}
.ui-list-370::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.rocket-area {
    padding: 100px 0;
    text-align: center;
}
.rocket-btn {
    display: inline-block;
    width: 388px;
    height: 90px;
    background: url(../../../../images/psp-web/wlmq/common/rocket-btn.png) no-repeat 0 0;
}
.rocket-btn:hover {
    opacity: .8;
}
.rocket-box {
    background-color: #cadfe8;
    padding: 50px;
    font-size: 28px;
    text-align: center;
}
/*
 * login-tan 登录弹窗
 */
.k-head {
    position: relative;
    border-bottom: 1px solid #ddd;
    font-size: 24px;
}
.k-close {
    position: absolute;
    top: -15px;
    right: -20px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    text-decoration: none;
}
.k-close:hover {
    background-color: #eee;
    color: #BD2C30;
    text-decoration: none;
}
.k-log-info {
    height: 200px;
    margin-left: 50px;
    padding-left: 50px;
    border-left: 1px solid #ddd;
}
